#trades {
  overflow: auto;
  height: 100%;

  .trades-row {
    display: flex;
    height: 20px;
    line-height: 20px;

    &.thead {
      height: 22px;
      line-height: 22px;
    }
    &:not(.thead) {
      cursor: pointer;
    }
    &:not(.thead):hover {
      background: #292A2E;
    }
 
    .trades-col {
      overflow: hidden;

      &.time {
        width: 25%;
        text-align: center;
        padding-left: 12px;
      }
      &.price {
        width: 37.5%;
        text-align: right;
      }
      &.amount {
        width: 37.5%;
        text-align: right;
        padding-right: 12px;
      }
    }
  }
}

.cb-panel.trades-panel {
  .cb-panel-content {
    overflow: hidden;
  }
}